<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body> 
    <!-- <div></div>
    <MyHeader></MyHeader>      -->
    <!-- web开发一 web开发二 js进阶 h5c3 -->
    <!-- 移动web开发 -->
    <!-- 前端开发工程化：
        系统化
        模块化-js代码(import export)
        组件化-页面
        规范化
        自动化（下学期） -->
    <!-- 阿里巴巴矢量图 -->
    <!-- https://www.iconfont.cn/ -->
    <!-- 加入购物车创建项目生成链接 代码-->
    <div id="btns">

    </div>
</body>
<script>
    let btns = document.getElementById("btns");

    const showPage = (i,num)=>{
        console.log(i)
        console.log(num)
    }
    let count = 40;
    const show = ()=>{
        let num = Math.ceil(count/10);
        for(let i=0;i<num;i++){
            let btn = document.createElement('button');
            btn.innerHTML=`按钮${i+1}`; 
            btn.onclick = ()=>{
                console.log("num")
                return showPage(i+1,num);}
            btns.appendChild(btn);
        }
    }


    show();
</script>
</html>